$(function () {
    //1.全选按钮(checkall)的状态赋值三个小按钮
    $(".checkall").change(function () {
        // console.log($(this).prop("checked"))
        $(".j-checkbox, .checkall").prop("checked", $(this).prop("checked"))
        //让所有商品添加check-cart-item类名
        if ($(this).prop("checked")) {
            $(".cart-item").addClass("check-cart-item")
        } else {
            $(".cart-item").removeClass("check-cart-item")
        }
    })
    //2.如果复选框选中等于三就应该把全选都选上否则全选按钮不选
    $(".j-checkbox").change(function () {
        if ($(".j-checkbox:checked").length === $(".j-checkbox").length) {
            $(".checkall").prop("checked", true)
        } else {
            $(".checkall").prop("checked", false)
        }
        if ($(this).prop("checked")) {
            $(this).parents(".cart-item").addClass("check-cart-item")
        } else {
            $(this).parents(".cart-item").removeClass("check-cart-item")
        }

    })

    //3.增减商品模块，首先声明一个变量 当我们点击+号的时候就让这个值++然后赋值给文本框
    $(".increment").click(function () {
        var n = $(this).siblings(".itxt").val()

        n++
        $(this).siblings(".itxt").val(n)

        //计算小计模块 根据文本框的值 * 当前商品的价格 = 小计
        var p = $(this).parents(".p-num").siblings(".p-price").html();
        // console.log(p);
        p = p.substr(1)
        // $(this).parent().parent().siblings(".p-sum").html("￥"+(p * n).toFixed(2))
        //parents(".p-num") 返回指定的祖先元素
        // toFixed(2) 保留小数点后两位
        $(this).parents(".p-num").siblings(".p-sum").html("￥" + (p * n).toFixed(2))
        getSum()
    })
    $(".decrement").click(function () {
        var n = $(this).siblings(".itxt").val()
        if (n == 1) {
            return false
        }
        n--
        $(this).siblings(".itxt").val(n)
        //计算小计模块 根据文本框的值 * 当前商品的价格 = 小计
        var p = $(this).parents(".p-num").siblings(".p-price").html();
        // console.log(p);
        p = p.substr(1)
        $(this).parents(".p-num").siblings(".p-sum").html("￥" + (p * n).toFixed(2))
        getSum()
    })

    //4.用户修改文本框的值计算小计模块
    $(".itxt").change(function () {
        //先得到文本框里面的 乘以 当前商品的单价
        var n = $(this).val();
        //当前商品的单价
        var p = $(this).parents(".p-num").siblings(".p-price").html();
        // console.log(p);
        p = p.substr(1)
        $(this).parents(".p-num").siblings(".p-sum").html("￥" + (p * n).toFixed(2))
        getSum()

    })
    //5.计算总计和总额模块
    getSum()
    function getSum() {
        var count = 0;//计算总件数
        var money = 0;//计算总价钱   $(this).prop('checked')
        $(".itxt").each(function (i, ele) {
            // console.log(ele)
            // console.log($(ele).parents().parents().siblings(".p-checkbox").children("input").prop('checked'))
            if ($(ele).parents().parents().siblings(".p-checkbox").children("input").prop('checked')) {
                count += parseInt($(ele).val())
            }


        })
        $(".amount-sum em").text(count)
        $(".p-sum").each(function (i, ele) {
            // console.log(ele)
            // console.log($(ele).siblings(".p-checkbox").children("input").prop('checked'))
            //判断选中状态
            if ($(ele).siblings(".p-checkbox").children("input").prop('checked')) {
                money += parseFloat($(ele).text().substr(1))
            }

        })
        $(".price-sum em").text("￥" + money.toFixed(2))
    }

    //6.删除商品模块

    //删除当前商品
    $(".p-action a").click(function () {
        $(this).parents(".cart-item").remove()
        getSum()
    })
    //删除选中商品
    $(".remove-batch").click(function () {
        $(".j-checkbox:checked").parents(".cart-item").remove()
        getSum()
    })
    //清空购物车
    $(".clear-all").click(function () {
        $(".cart-item-list").remove()
        getSum()
    })

    //7.选中商品模块
    //选中单个
    $(".p-checkbox").click(function () {
        getSum()
    })
    //选中全部
    $(".checkall").click(function () {
        setTimeout(function () {
            getSum()
        }, 100);

    })
})